<template>
  <div class="collectorsListContainer"></div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import { usePlayListCollector } from "@/hooks/albumQueryHook";

const page = ref(0);
const limit = 60;

const props = defineProps<{
  id: number;
}>();

const { collectors, total, query } = usePlayListCollector();
onMounted(() => {
  query({ id: props.id, limit, offset: page.value * limit });
});
</script>

<style scoped lang="less">
.collectorsListContainer {
  display: flex;
  flex-wrap: wrap;
}
</style>
